<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div><img src="img/创建元素.jpg" alt=""></div>
    
    <!-- <div id="foo"><p>hello</p></div> -->
    <p>I would like to say: </p>
    <div></div><div></div>
    <!-- <p>I would like to say: </p>
    <b class="foo">类为foo的【0】元素</b> -->
    <!-- <b class="foo">Good Bye</b> -->
</body>
<script src="js/jquery-3.5.1.min.js"></script>
<script>
    var p = '<p>这是一个p标签<p>';
    // console.log(p);
    // console.log($(p))
    // $("p").prepend("<b>Hello!</b>");//添加到p标签的前部
    // $("p").prepend( $(".foo")[0] );//将.foo类的第一个匹配元素插入到所有<p>标签元素的开头。
    // var sc =$(".foo")[0]//dom类型
    // console.log(sc)
    // $("p").prepend( $("b") );//将b标签中的内容插入到所有<p>标签元素的开头。
    // $("p").prependTo("#foo");//把所有段落追加到ID值为foo的元素中。
    // $("p").append("<b>Hello</b>");//添加到p标签的后面
    $("p").appendTo("div");
</script>
</html>